Lista dei TAG HTML 


ELEMENTI DI BASE 
(tutti i documenti HTML devono contenere questi tag) 


PROPRIETA' DELLA PAGINA: SFONDI E COLORI 


(mmaginedisfond WWW |*'/ "*32DY BACKGROUND="URL"> 

ecs e <BODY BGCOLOR=" "> 
BODY TEXT="4 "> 

Cooredeicolegamenti E BODY LnK="#"**> 


Colore dei collegamenti visitati <BODY VLINK="#* "> 
Colore del collegamento selezionato <BODY AUNK=" J ee" 


FORMATTAZIONE DEL TESTO 


Preformattato <PRE></PRE> (Visualizzato tale e quale, compresi gli spazi) 
Font: dimensioni <FONT SIZE=?></FONT> (valori da 1 a 7) 
Font: modifica misura <FONT SIZE="+|-?"></FONT> (valori da -3 a +3) 
Font: colore <FONT COLOR="#******"></FONT> 
Font: tipo <FONT FACE="Verdana"></FONT> (A partire dalle versioni 4.*) 

COLLEGAMENTI (link) 
Link a un documento <A HREF="URL"></A> 
Definizione di un’àncora <A NAME="nomeàncora"></A> 
Link a un’àncora dello stessa pagina <A HREF="#nomeàncora"></A> 
Link a un’àncora di un’altra pagina <A HREF="URL#nomeàncora"></A> 
Link da visualizzare in altro frame <A HREF="URL" TARGET="_nomedelframe"></A> 
Link a indirizzo e-mail <A HREF="mailto:indirizzo@posta.it"></A> 

IMMAGINI 
Visualizzazione immagine <IMG SRC="URL"> 
Immagine: allineamento <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|]RIGHT> 
Immagine: testo in alternativa <IMG SRC="URL" ALT="***"> 
Immagine: dimensioni (in pixel) <IMG SRC="URL" WIDTH=? HEIGHT=?> 
Immagine: dimensioni (in % d. largh. e alt. d. pagina) <IMG SRC="URL" WIDTH=?% HEIGHT=?%> 
Immagine:bordo (in pixel) <IMG SRC="URL" BORDER=?> 
FORMATO DI STRUTTURA 


(le caratteristiche di visualizzazione dipendono dai browser) 


Separazione <DIV></DIV> 
Separazione: <DIV ALIGN=LEFT | RIGHT | CENTER | (sinistra | centrato | destra | giustif.) 


allineamento JUSTIFY></DIV> 

Citazione <BLOCKQUOTE></BLOCKQUOTE> 
Font molto grande <BIG></BIG> 

Font molto piccolo <SMALL></SMALL> 


DIVISORI 


Paragrafo (spesso il comando di chiusura viene omesso) 
Paragrafo: allineamento 

Paragrafo: giustificazione (Supportato solo da Netscape) 
Interruzione riga (Singolo ritorno a capo) 

Riga orizzontale 

Riga orizzontale: allineamento 

Riga orizzontale: spessore (in pixel) 

Riga orizzontale: larghezza (in pixel) 

Riga orizzontale: larghezza % risp. alla largh. della pagina 
Riga orizzontale: piena (senza l'effetto ombra) 


(in genere visualizz. come blocco di testo 
rientr.) 


<P></P> 

<P ALIGN=LEFT|CENTER|RIGHT></P> 
<P ALIGN=JUSTIFY></P> 

<BR> 

<HR> 

<HR ALIGN=LEFT|RIGHT|CENTER> 
<HR SIZE=?> 

<HR WIDTH=?> 

<HR WIDTH="?%"> 

<HR NOSHADE> 


ELENCHI PUNTATI, NUMERATI, ECC. 


<UL><Ll></UL> 
<UL COMPACT></UL> 


Elenco puntato 

Elenco puntato compatto 
Tipo di puntatore 

Tipo di puntatore 

Elenco numerato 

Elenco numerato compatto 
Tipo di numero 

Tipo di numero 

Numero di partenza 


<OL><Ll></OL> 

<OL COMPACT></OL> 
<OL TYPE=Aja]l|i|1> 
<LI TYPE=A|a]l|i|1> 
<OL START=?> 


Numero di partenza <LI VALUE=?> 

Elenco di definizioni <DL><DT><DD></DL> 
Elenco di definizioni compatto <DL COMPACT></DL> 
Elenco tipo Menu <MENU><L1l></MENU> 


<MENU COMPACT></MENU> 
<DIR><Ll></DIR> 
<DIR COMPACT></DIR> 


Elenco tipo Menu compatto 
Elenco tipo indirizzario 
Elenco tipo indirizzario compatto 


TABELLE 


<UL TYPE=DISC|CIRCLE|SQUARE> 
<LI TYPE=DISC|CIRCLE|SQUARE> 


(<LI> prima di ogni elemento) 


(per tutta la lista) 
(questo e successivi) 
(<LI> prima di ogni elemento) 


(per tutta la lista) 

(questo e successivi) 

(per tutta la lista) 

(questo e successivi) 
(<DT>=termine, <DD>=definizione) 


(<LI> prima di ogni elemento) 


(<LI> prima di ogni elemento) 


(alcuni effetti sono supportati solo dalle versioni 4.* o superiori) 


<TABLE></TABLE> 

<TABLE ALIGN=LEFT|RIGHT|CENTER> 
<TABLE BORDER=?></TABLE> 
<TABLE CELLSPACING=?> 

<TABLE CELLPADDING=> 

<TABLE WIDTH=?> 


Inizio e fine tabella 
Tabella: allineamento 
Tabella: spessore bordo 
Spazio tra le celle 

Spazio nelle celle 
Larghezza tabella (in pixel) 


Larghezza % tabella <TABLE WIDTH="?%"> 


Tabella: colore di sfondo 
Riga 

Allineamento della riga 
(orizzontale e verticale) 
Cella 


Allineamento della cella 
(orizzontale e verticale) 


Senza interruzione 
Unione colonne 
Unione righe 


<TABLE BGCOLOR="#******"></TABLE> 
<TR></TR> 


<TR ALIGN=LEFT|RIGHT|CENTER 
VALIGN=TOP|MIDDLE|BOTTOM> 


<TD></TD> 


<TD ALIGN=LEFT|RIGHT|CENTER 
VALIGN=TOP|MIDDLE|BOTTOM> 


<TD NOWRAP> 
<TD COLSPAN=?> 
<TD ROWSPAN=?> 


(A partire dalle versioni 4.*) 
(numero pixel; con '0' non è visibile) 


(in perc. risp. alla pagina o alla tabella più 
esterna) 


(deve essere all'interno di una riga) 


Larghezza celle (in pixel) <TD WIDTH=?> 
Larghezza % celle <TD WIDTH="?%"> (in percentuale risp. alla tabella) 
Colore di sfondo della cella <TD BGCOLOR="#******" 


FRAME 
(definizione e gestione di specifiche sezioni della finestra) 


Documento Frame <FRAMESET></FRAMESET> (al posto di <BODY>) 
oi frame div. —_FRAMESET ROWS=2?,*></FRAMESET> (altezza in pixel 0 %) 
ARE dei frame di. —LFRAMESET COLS=",?></FRAMESET> (larghezza in pixel o %) 


<FRAMESET FRAMEBORDER="yes | 


Bordo fra i frame n0"></FRAMESETS (Sì | No) 

Larghezza dei bordi fra i <FRAMESET BORDER=?> 

frame 

Golore del bordo frai —LFRAMESET BORDERCOLOR="f"%%*%> 

Spaziatura fra i frame <FRAMESET FRAMESPACING=?></FRAMESET> 

Definizione del Frame <FRAME> (contenuto di una sezione) 
Documento da visualizzare <FRAME SRC="URL"> 

Denominazione <FRAME NAME="***"|_blank|_self|_parent|_top> 

Larghezza dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro) 
Altezza dei margini <FRAME MARGINHEIGHT=?> (margine alto e basso) 

Barra di scorrimento <FRAME SCROLLING="YES|NO|AUTO"> (sì | no | automatico) 

Dimensione non 

modificabile <FRAME NORESIZE> 

Presenza del bordo <FRAME FRAMEBORDER="yes|no"> 

Colore del bordo <FRAME BORDERCOLOR="#?*****"> 

Contenuto in assenza di <NOFRAMES></NOFRAMES> (visualizzato dai browser che non 
frame supportano i frame) 

Frame interno <IFRAME></IFRAME> (con gli stessi attributi di FRAME) 


Frame interno: dimensioni <IFRAME WIDTH=? HEIGHT=?></IFRAME> 


Frame interno: dimensioni 


Y <IFRAME WIDTH="?%" HEIGHT="?%"></IFRAME> 
o 


VARI 
Commenti (non visualizzati dal browser) <!-- testo del commento --> 
Dichiarazione tipo di file (primissima riga) <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> 


Per facilitare l’opera di indicizzazione dei motori di ricerca utilizzare i seguenti tag (da inserire nella testata) 


Autore del documento html <meta name="Author" content="nomedellautore"> 

Descrizione dei contenuti <meta name="Description" content="testodelladescrizione"> 

Parole-chiave per ricerche <meta name="Keywords" content="parole, chiave, da, inserire"> 
CARATTERI SPECIALI 


(devono essere digitati in caratteri minuscoli) 


< (minore di) &It; à &agrave; 
> (maggiore di) &gt; é &eacute; 
& (e commerciale) &amp; è &egrave; 
" (virgoletta) &quot; ì &igrave; 
© (Copyright) &copy; ò &ograve; 
® (Marchio registrato) &reg; ù &ugrave; 
(Spazio) &nbsp; À &Agrave; 
ç (cediglia) &ccedil; È &Eacute; 


fi (n con tilde) &ntilde; È &Egrave; 
O (euro) &euro; Ì &lgrave; 

£ (lira) &pound; Ò &Ograve; 
Y (yen) Ù &Ugrave; 


I COLORI NELL'HTML: il codice esadecimale 


Per definire gli oltre 16 milioni di colori disponibili sul pc, ossia le varie combinazioni di 256 livelli di rosso, di verde e di blu, per 
indicare ad esempio un colore con i seguenti livelli di rosso, verde e blu: RGB(130,0,255), si usa il seguente codice esadecimale: 
"#8200FF" (nella forma #RRGGBB), ottenuto mediante coppie di caratteri esadecimali (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F). 


LEGENDA 
(simboli utilizzati in questa dispensa) 


? numeri 

#****** codice esadecimale dei colori 

URL indirizzo Internet tipo http://www. altavista.it/index.htm, oppure percorso del file inserito 
| oppure 


NOTE FINALI 


Le coppie di tag vanno intese come delle parentesi che si aprono e si chiudono e tutto il contenuto deve risiedere all’interno. 


Per avere esempi pratici di utilizzo dei codici quale migliore scuola dei siti realizzati da professionisti? Quando vedete una pagina 

Web su Internet e vi piacerebbe realizzarne una così, andate a curiosare nel codice html: è il modo migliore per apprenderlo bene 

(con Internet Explorer usate il tasto destro del mouse -> HTML oppure Menu Visualizza -> HTML; con Netscape: Menu Visualizza 
-> Sorgente Pagina). 


